<template>
<Layout id="main-box">
<div id="main-box-again">
  <div class="title">
    团队介绍
  </div>
  <!--      <div class="normal-text">-->
  <!--      队员信息-->
  <!--      </div>-->


  <div class="intro">
    <div class="man">
      <img class="picIntro" src="public/小练.png">
      <div class="form">
        <h3 class="form__title">
          怜jiǎn横↘<br>
          201250136<br>
          软件学院<br>
          跳舞人<br>
        </h3>
      </div>
    </div>
    <div class="man">
      <img class="picIntro" src="public/丰丰.png">
      <div class="form">
        <h3 class="form__title">
          丰丰<br>
          201250075<br>
          软件学院<br>
          西瓜人<br>
        </h3>
      </div>
    </div>
    <div class="man">
      <img class="picIntro" src="public/开开.png">
      <div class="form">
        <h3 class="form__title">
          开开<br>
          201250061<br>
          软件学院<br>
          社会人<br>
        </h3>
      </div>
    </div>
    <div class="man">
      <img class="picIntro" src="public/小段.png">
      <div class="form">
        <h3 class="form__title">
          天天<br>
          201250138<br>
          软件学院<br>
          鼓掌人<br>
        </h3>
      </div>
    </div>
    <div class="man">
      <img class="picIntro" src="public/lyt.png">
      <div class="form">
        <h3 class="form__title">
          六六<br>
          201250059<br>
          软件学院<br>
          舞王<br>
        </h3>
      </div>
    </div>

  </div>
</div>



<!--  <el-container direction="vertical">-->
<!--    <el-main>-->
<!--      <div class="normal-text">-->
<!--      队员信息-->
<!--      </div>-->
<!--      <el-table :data="memberData" stripe style="width: 100%" border>-->
<!--        <el-table-column prop="name" label="成员名" width="180" />-->
<!--        <el-table-column prop="id" label="学号" width="180" />-->
<!--        <el-table-column prop="major" label="学院" width="180" />-->
<!--        <el-table-column prop="laborDivision" label="分工" />-->
<!--      </el-table>-->
<!--    </el-main>-->
<!--    <el-main>-->
<!--      <div class="normal-text">-->
<!--      开发花絮-->
<!--      </div>-->
<!--    </el-main>-->
<!--  </el-container>-->

</Layout>
</template>

<script>
import Layout from "@/components/Layout.vue";

export default {
  name: "team",
  components: {Layout},

  data(){
    return{
      turnOn : localStorage.getItem("light"),
      // collapseBtnClick: false,
      // isCollapse: true,
      memberData : [
        {
          name: '怜jian（第三声）横',
          id: '201250136',
          major:'软件学院',
          laborDivision: '跳舞',
        },
        {
          name: '丰丰',
          id: '201250075',
          major:'软件学院',
          laborDivision: '吃西瓜',
        },
        {
          name: '王昕妍',
          id: '201250061',
          major:'软件学院',
          laborDivision: '正常人',
        },
        {
          name: '天天',
          id: '201250138',
          major:'软件学院',
          laborDivision: '鼓掌',
        },
        {
          name: 'lytlyt',
          id: '201250059',
          major:'软件学院',
          laborDivision: '唱歌',
        },
      ]
    }
  },
  mounted() {
    if (this.turnOn === false){
      document.body.className = 'light';
    }
  },
  methods:{
    // changeLight(){
    //   if (!this.turnedOn){
    //     const theme = document.getElementById("main-box");
    //     // theme.style.backgroundColor = "#000060"
    //
    //     const cssTheme= { light: "1" };
    //     localStorage.setItem("hi", cssTheme.light);
    //
    //   }
    // }
  }

  }

  const memberData = [
    {
      date: '2016-05-03',
      name: 'Tom',
      address: 'No. 189, Grove St, Los Angeles',
    },
    {
      date: '2016-05-02',
      name: 'Tom',
      address: 'No. 189, Grove St, Los Angeles',
    },
    {
      date: '2016-05-04',
      name: 'Tom',
      address: 'No. 189, Grove St, Los Angeles',
    },
    {
      date: '2016-05-01',
      name: 'Tom',
      address: 'No. 189, Grove St, Los Angeles',
    },
  ]
</script>

<style scoped>
@import "../css/outer.css";
@import "../css/team.css";
@import "../css/team_color.css";


</style>
